//utilities scss
@import "theme-color";

$font-size:14px;
$h-size:36px; 
$line-height:23px;
.avatar-wrapper {
	height:40px;
	padding:5px;
}

.avatar-profile-properties {
	font-family: "open_sansregular";
	font-size:14px;
 	line-height: 38px;
	padding-left: 10px;
	padding-right: 10px;
	float:left;
}


.tooltip {
	width: 100px;
	height: 20px;
	line-height: 20px;
	padding: 1px;
	font-size: 14px;
	text-align: center;
	color: #fff;
	background: #444;
	border: 4px solid #444;
	z-index:99999;
	cursor:pointer;
}

.tooltip-after {
	content: "";
      position: absolute;
      width: 0;
      height: 0;
      border-width: 10px;
      border-style: solid;
      border-color: transparent transparent #444444 transparent;
}

.input-text {
	width: 190px;
	height: 18px;
	padding: 3px;
	
}

.pull-left {
	float:left;
}

.pull-right {
	float:right;
}

.input-select {
	height: 32px;
}

.input-submit {
background-color:$theme-layout;
width: 85px;
border: none;
color: #fff;
height: 31px;
}

.bold-text {
	font-weight:bold;
}

.theme-btn {
	background-color:$theme-layout;
	color: #fff;
}


/* Media Queries*/


@mixin bp($point) {
	
	@if $point == landscape1024 {
		@media only screen and (max-width:1024px) { @content; }
	}
	@elseif $point == portrait768 {
		@media only screen and (max-width:768px) { @content; }
	}
	@elseif $point == landscape568{
		@media only screen and (max-width:568px) { @content; }
	}
	@elseif $point == portrait320{
		@media (max-width:320px) { @content; }
	}	
}


